﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
//写入文件操作
function createFile(){
    var size = document.getElementById("FileSize").value;        
    window.requestFileSystem(           
        PERSISTENT, 
        size,  
        //请求文件系统成功时所执行的回调函数
        function(fs){
            var filename = document.getElementById("FileName").value; 
            //创建文件             
            fs.root.getFile(filename, 
                {create: true}, 
                function(fileEntry) {
                    fileEntry.createWriter(function(fileWriter) {
                        fileWriter.onwriteend = function(e) {
                            document.getElementById("result").innerHTML ='写文件操作结束';
                        };
                        fileWriter.onerror = function(e) {
                            document.getElementById("result").innerHTML='写文件操作失败: ';
                        };
                        var blob = new Blob(['Hello, World']); 
                        fileWriter.write(blob);
                    }, errorHandler);
                }, errorHandler);          
        },    
        //请求文件系统失败时所执行的回调函数       
        errorHandler        
    );
}
function errorHandler(e) {
    switch (e.code) {
        case FileError.QUOTA_EXCEEDED_ERR:
            console.log('文件系统所使用的存储空间的尺寸超过磁盘限额控制中指定的空间尺寸');
            break;
        case FileError.NOT_FOUND_ERR:
            console.log('未找到文件或目录');
            break;
        case FileError.SECURITY_ERR:
            console.log( '操作不当引起安全性错误');
            break;
        case FileError.INVALID_MODIFICATION_ERR:
            console.log('对文件或目录所指定的操作不能被执行');
            break;
        case FileError.INVALID_STATE_ERR:
            console.log('指定的状态无效');
    };
}

</script>
</head>
<body>
<h1>创建文件</h1> 
文 件 名：<input type="text" id="FileName" value="test.txt"><br/><br/>     
文件大小：<input type="text" id="FileSize" value="1024"/>Bytes<br/><br/>  
<input type="button" value="创建文件" onclick="createFile()"><br/>       
<output id="result" ></output> 
</body>    
</html> 
